<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:core="http://www.contact.core.com/contacts/core/ui"
      xmlns:a4j="http://richfaces.org/a4j"
        >
   <!--@elvariable id="reRender" type="java.lang.Object"-->
<ui:component>

    <h:panelGroup layout="block" style="width:600px">
        <h:outputLabel value="#{resources.contactInformationLabel}"/>
        <rich:separator height="2px" width="100%"/>

    </h:panelGroup>

    <h:panelGroup layout="block"  style="width:600px">
        <h:panelGroup layout="block" style=" width:450px; float:left">
            <rich:dataTable style="background:inherit" cellpadding="0" value="#{contactInformation.contactInformations}" var="data">
                <rich:column>
                    <h:panelGroup layout="block" style="width:150px">
                        <h:outputText value="#{data.name}"/>
                    </h:panelGroup>
                </rich:column>
                <rich:column>
                    <h:panelGroup layout="block" style="width:150px">
                        <h:outputText value="#{data.data}"/>
                    </h:panelGroup>
                </rich:column>
            </rich:dataTable>
        </h:panelGroup>
        <h:panelGroup rendered="#{profile.myProfilePage}" layout="block" style="vertical-align:top;text-align:right; width:50px; float:right">
            <a4j:commandButton value="#{resources.editLabel}"
                    reRender="#{reRender}"
                    action="#{profile.prepareForEditContactInformation}"/>

        </h:panelGroup>
    </h:panelGroup>


</ui:component>


</html>
